<div class="hd-20160601">
    <div class="hd-banenr">
    </div>
    <div class="hd-main-content">
      <div class="display w1050">
        <h3 class="hd-subtitle"><img src="./images/201607264.jpg" alt="Handy & Tablet"></h3>
        <div class="hd-product-list">
          <ul class="lis1 lists-20 clearfloat"></ul>
        </div>
      </div>
    </div>
    <div class="hd-main-content">
      <div class="display w1050">
        <h3 class="hd-subtitle"><img src="./images/201607264.jpg" alt="Handy & Tablet"></h3>
        <div class="hd-product-list">
          <ul class="lis1 lists-20 clearfloat"></ul>
        </div>
      </div>
    </div>
    <div class="hd-main-content">
      <div class="display w1050">
        <h3 class="hd-subtitle"><img src="./images/201607264.jpg" alt="Handy & Tablet"></h3>
        <div class="hd-product-list">
          <ul class="lis1 lists-20 clearfloat"></ul>
        </div>
      </div>
    </div>
   
    </div>
  </div>
  <style>
    .hd-main-content { background: url(./images/201607267.jpg)no-repeat center top, url(./images/201607268.jpg)no-repeat center bottom; text-align: center; margin: 20px 0 50px 0; padding: 55px 0;}
    .hd-20160601 .hd-banenr { height: 498px;background: url(./images/201607261.jpg)no-repeat center center #073360;}
    .hd-product-list {padding:5px;background: #eee;}
    .hd-product-list .review-wrapper p{margin: 0px;text-align:center;line-height: 15px;padding: 0px 5px;}
    .hd-product-list .review-wrapper p a {color:#333;font-size: 13px;}
    .hd-product-list ul li {width: 198px;height: 260px;background: #fff;float: left;margin:5px;position: relative;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-ms-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;}
    .hd-product-list ul li:hover {border-color:#aaafb3;box-shadow: 0px 0px 16px #585858;-webkit-box-shadow: 0px 0px 16px #585858;-o-box-shadow: 0px 0px 16px #585858;-ms-box-shadow: 0px 0px 16px #585858;-moz-box-shadow: 0px 0px 16px #585858;transform: translateY(-6px);-webkit-transform: translateY(-6px);-o-transform: translateY(-6px);-ms-transform: translateY(-6px);-moz-transform: translateY(-6px);}
    .hd-product-list ul li:hover .review-wrapper p a {color:#ed6d1f;}
    .hd-product-list ul li img {width:192px;margin-top:10px;display: block;}
    .hd-product-list .price-area {padding-left: 5px;}
    .hd-product-list .old-price {font-size: 13px;text-decoration: line-through;display: block;line-height: 15px;color: #999;position: absolute; bottom: 28px;}
    .hd-product-list .current-price { font-size: 18px; font-weight: bold; color: #ed6d1f; display: block; line-height: 22px; position: absolute; bottom: 5px;}
    .hd-product-list .hd-btn-buy {font-size: 13px;color: #009dd2;display: block;text-decoration: underline;position: absolute;right: 5px;bottom: 5px;font-weight: bold;}
    .hd-product-list .discount-number2{ position: absolute; height: 65px; width: 65px; font-size: 18px; color: #2ab34b; font-weight: bold; top: 0px; right: 0px; background: url(./images/201607262.jpg)no-repeat; border-radius: 50%; line-height: 65px; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;text-align: center;}
    .hd-product-list ul li:hover img {opacity: 0.6;}
    .hd-product-list .review-wrapper .hd-btn-buy {font-size: 12px;color: #333;float: right;margin-top: 3px;text-decoration: underline;}
  </style>
  <script type="text/javascript">
    (function($){
        var str1_20 = '';
        for (var i = 0; i < 20; i++) {
          str1_20 += `<li>
                <a href="#"><img src="./images/2016040616.jpg" alt="Blackview Ultra A6 Plus 2GB 16GB Dorado"></a>
                 <div class="review-wrapper">
                  <p><a href="#">Blackview Ultra A6 Plus 2GB 16GB Dorado</a></p>
                </div>
                <div class="price-area">
                  <span class="old-price">309.99€</span>
                  <span class="current-price">145.99€</span>
                </div>
                <span class="discount-number2">-25€</span>
                <a href="#" class="hd-btn-buy">Jetzt kaufen&gt;&gt;</a>
              </li>`;
        }
  
        $(".lists-20").append(str1_20);
    })(jQuery);
  </script>